<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--#config errmsg="" --><!-- saved from url=(0022)http://help.adobe.com/ -->
<html lang="en-us">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <meta name="lang" content="en-us" />
        <meta name="area" content="livedocs" />
        <title>Adobe Photoshop CS4 * Choose web‑safe colors</title>
        <meta name="product" content="Photoshop" />
        <meta name="keywords" content="" />
        <script type="text/javascript" language="Javascript" charset="UTF-8"><!--[CDATA[
        var currentTreeNode = "WSfd1234e1c4b69f30ea53e41001031ab64-73c1a.html";
// ]]--></script>
<script src="terms.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="help.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script>  <script src="utilities.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="event.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="treeview.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="toc.js" language="Javascript" type="text/javascript" charset="UTF-8">..</script> 
<script type="text/javascript">
<!--[CDATA[
var headId = document.getElementsByTagName("head")[0];         
if (use_ie_6_behavior) {
    var linkId = document.createElement("link");
    linkId.href = "content-ie6.css";
    linkId.rel = "stylesheet";
    linkId.type = "text/css";
    headId.appendChild(linkId);
}
function initRoboHelpDOM() {
    if (use_robohelp_behavior) {
        hideElement("searchbar");
        hideElement("hierarchy");
        hideElement("col1");
    }
}
YAHOO.util.Event.onDOMReady(initRoboHelpDOM);
// ]]-->
</script>
<!--#include virtual="/livedocs/ssi/globalheader.ssi" -->
        <link rel="stylesheet" type="text/css" href="tree.css" />
        <link rel="stylesheet" type="text/css" href="content-fonts.css" />
        <link rel="stylesheet" type="text/css" href="content-hyperlinks.css" />
        <link rel="stylesheet" type="text/css" href="content.css" />
        <link rel="stylesheet" type="text/css" href="localeSpecific.css" />
    </head>
    <body id="content_body" onload="window.focus();">
        <a name="top"></a><div id="mnemonic">
            <div class="Photoshop"><table><tr><td class="banner">Adobe Photoshop CS4</td><td class="pod"><img src="images/PDF.gif" width="16" height="16" hspace="15" valign="50%" />&#160;&#160;
                     <a title="PDF" href="http://help.adobe.com/en_US/Photoshop/11.0/photoshop_cs4_help.pdf">
                         PDF (adobe.com) 
                    </a></td></tr></table></div>
        </div>
        <div id="searchbar">
<!-- BEGIN SEARCH CONTENT -->
            <form class="search_form" id="search" name="search" action="search.html" target="_self">
                <img src="images/search.png" />
<script type="text/javascript">
<!--[CDATA[
function clearSearch(){
    if (document.search.q.value == terms_AHV_SEARCH_BUTTON){document.search.q.value = ""}; 
}
document.write('<input class=\"search_input\" \
        name=\"q\" \
        id=\"q\" \
        type=\"text\" \
        maxlength=\"256\" \
        value=\"' + terms_AHV_SEARCH_BUTTON + '\" onclick=\"clearSearch()\"><\/input>'); 
// ]]-->


</script> 
            </form>
        </div>
<!-- BEGIN PAGE CONTENT WRAPPER -->
        <div id="page_content_wrapper">
<!-- BEGIN PAGE WRAPPER -->
<table id="page_content_table">
<tr>
<td id="col1">
<!-- BEGIN IONCOMMENTCOUNT -->
            <div id="ionComCount">
            </div>
<!-- END IONCOMMENTCOUNT -->
<!-- BEGIN GROUP TOC WRAPPER -->
            
<!-- END GROUP TOC WRAPPER -->
<!-- BEGIN NAV WRAPPER -->
            <div id="group_toc">
<script type="text/javascript">
<!--[CDATA[
if ( typeof(terms_BOOK_SHORT) != 'undefined' ) {
  document.write("<p>" + terms_BOOK_SHORT + "<\/p>");
}
// ]]-->


</script> 
            </div>
            <div id="nav_content">
            </div>
<!-- END NAV WRAPPER -->
</td>
<td id="col2">
<!-- BEGIN CONTENT WRAPPER -->
<!-- BEGIN BREADCRUMBS -->
            
            <div id="breadcrumb">
                
<ul class="navigation"><li class="prev"><a accesskey="p" class="prev" href="WS304DD19B-93DF-4605-85EF-50D5E2C8EE5Ba.html" title="Choose a color with the Adobe Color Picker"><img src="images/blank.gif" alt="Previous" width="17" height="17" /></a></li><li class="next"><a accesskey="n" class="next" href="WSfd1234e1c4b69f30ea53e41001031ab64-73b5a.html" title="Choose a CMYK equivalent for a non-printable color"><img src="images/blank.gif" alt="Next" width="17" height="17" /></a></li></ul><div class="hierarchy" id="hierarchy"><a href="WSfd1234e1c4b69f30ea53e41001031ab64-73efa.html">Color</a> /
     <a href="WSfd1234e1c4b69f30ea53e41001031ab64-73c1a.html"><b>Choosing colors</b></a> 
     </div>

            </div>
<!-- END BREADCRUMBS -->
            <div id="content_wrapper">
<!-- BEGIN PAGE TITLE -->
                <h1>
                    Choose web‑safe colors
                </h1>
<!-- END PAGE TITLE -->
                <br clear="both" /><div id="minitoc"><div class="t"><div class="b"><div class="l"><div class="r"><div class="bl"><div class="br"><div class="tl"><div class="tr"><div><h3>Contents [<a href="#" onclick="return toggleMiniToc('minitoc-links', this);" class="hideLink">Hide</a>]</h3><ul id="minitoc-links"><li><p><a href="#WSfd1234e1c4b69f30ea53e41001031ab64-73b8a"><h1 class="topictitle1">Select web‑safe colors in the Adobe Color Picker</h1>
</a></p></li><li><p><a href="#WSfd1234e1c4b69f30ea53e41001031ab64-73b7a"><h1 class="topictitle1">Change a non‑web color to a web‑safe color</h1>
</a></p></li><li><p><a href="#WSfd1234e1c4b69f30ea53e41001031ab64-73b6a"><h1 class="topictitle1">Select a web‑safe color using the Color panel</h1>
</a></p></li></ul></div></div><br clear="both" /></div></div></div></div></div></div></div></div><br clear="both" /><div><div class="section"><p>The <dfn class="term">web‑safe colors</dfn> are
the 216 colors used by browsers regardless of the platform. The
browser changes all colors in the image to these colors when displaying
the image on an 8‑bit screen. The 216 colors are a subset of the Mac&#160;OS
8‑bit color palettes. By working only with these colors, you can
be sure that art you prepare for the web will not dither on a system
set to display 256 colors.</p>
</div>
</div>
<div id="WSfd1234e1c4b69f30ea53e41001031ab64-73b8a" class="nochunk"><a name="WSfd1234e1c4b69f30ea53e41001031ab64-73b8a"></a><h3 class="topictitle3">Select web‑safe colors in the Adobe Color Picker</h3><div><div class="p"><span><img src="images/dingbat.png" />&#160;Select the Only Web Colors
option in the lower left corner of the Color Picker. Any color you
pick with this option selected is web‑safe.</span></div>
</div></div>
<div id="WSfd1234e1c4b69f30ea53e41001031ab64-73b7a" class="nochunk"><a name="WSfd1234e1c4b69f30ea53e41001031ab64-73b7a"></a><h3 class="topictitle3">Change a non‑web color to a web‑safe color</h3><div><div class="section"><p>If
you select a non‑web color, an alert cube&#160;<img src="images/P_WebSafe_Sm_N.png" /> appears
next to the color rectangle in the Adobe Color Picker.</p>
</div>
<div class="p"><span><img src="images/dingbat.png" />&#160;Click the alert cube to select the closest web
color. (If no alert cube appears, the color you chose is web‑safe.)</span></div>
</div></div>
<div id="WSfd1234e1c4b69f30ea53e41001031ab64-73b6a" class="nochunk"><a name="WSfd1234e1c4b69f30ea53e41001031ab64-73b6a"></a><h3 class="topictitle3">Select a web‑safe color using the Color panel</h3><div><ol><li class="stepexpand"><span>Click the Color panel tab, or choose
Window&#160;&gt; Color to view the Color panel.</span></li>
<li class="stepexpand"><span>Choose an option for selecting a web‑safe color:</span><ul><li><p>Choose Make Ramp Web Safe from the Color
panel menu. Any color you pick with this option selected is web‑safe.</p>
</li>
<li><p>Choose Web Color Sliders from the Color panel menu.
By default, web color sliders snap to web‑safe colors (indicated
by tick marks) when you drag them. To override web‑safe color selection,
Alt-drag (Windows) or Option-drag (Mac&#160;OS) the sliders.</p>
</li>
</ul>
 <p>If you choose a non‑web color, an alert cube&#160;<img src="images/P_WebSafe_Sm_N.png" /> appears
above the color ramp on the left side of the Color panel. Click
the alert cube to select the closest web color.</p>
</li>
</ol>
</div></div>

                <div id="related">
                    <div class="separator"><a href="#"><img src="images/BTT.jpg" /></a>&#160;</div>
                    
                    
                </div>
                <div id="footer">
                    <p><img src="images/Community.png" />&#160;<a title="community help (adobe.com)" href="http://www.adobe.com/go/lr_Photoshop_community_en">community help (adobe.com)</a></p>
<!-- BEGIN IONCOMMENTS -->
                    <div id="ionComHere">
                    </div>
<!-- END IONCOMMENTS -->
<!--#include virtual="ionComments.ssi" -->
                    <p id="creativecommons"><a href="http://creativecommons.org/licenses/by-nc-sa/3.0/" id="creativecommons_text"><img id="creativecommons_img" src="images/CC.png" alt="This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License" /></a></p>
                </div>
            </div>
<!-- END CONTENT WRAPPER -->
</td>
</tr>
</table>
        </div>
<!-- END PAGE CONTENT WRAPPER -->
<script type="text/javascript">
<!--[CDATA[
scrollToNameAnchor();
// ]]-->
</script> 
<!--#include virtual="/livedocs/ssi/globalfooter.ssi" -->
<!--#include virtual="/ubi/analytics/analytics_ssi.html" -->
    </body>
</html>